@charset"utf-8";
@import"common";
@import"header";
@import"footer";

// $color :#e01662;
//color: nth($colors,2
// $colors:#999 #e01662;

//内容
section{
    border-top: 5px solid #e01662;
    // height: 400px;
    .bannercage{
        width: 100%;
        height: 400px;
        img{
            width: 1920px;
            height: 400px;
        }
    }
//     .banner{
// // display: none;
//         position: relative;
//         overflow: hidden;
//         background-image: url(../images/banner.png);
//         height: 400px;
//       a{
//           >span{
//              bottom: 10px;
//              left: 50%;
//             position: absolute;
//               height: 15px;
//               width: 15px;
//         margin-left: 20px;
//               border-radius: 50%;
//               background-color: #666;
//               &:hover{
//                 background-color:orange;
//               }
//           }
//           span+span{
//               margin-left: 50px;
//           }
//         img{
//             position: absolute;
//         left: 0;
//         top: 0;
//         right: 0;
//         bottom: 0;
//         margin: auto;
//             height: 400px;
//             width: 100%;
//         }
//       }
//     }

    // 热销商品
    .hotProduct{
        .tit{
            a:first-child{
                &:hover{
                    color: orange;
                }
                font-size: 20px;
                // font-weight: bolder;
            }
            p{
                color: #666;
                font-size: 12px;
                margin-left: 30px;
                line-height: 30px;
            }
            a:last-child{
                &:hover{
                    color: orange;
                }
                line-height: 30px;
                font-size: 12px;
                color: black;
                // font-weiht: bolder;
            }
        }

        .mall{
            margin-top: 10px;
            margin-bottom: 30px;
            .leftMall{
                img{
                    height: 400px;
                    width: 230px;
                }
                .hot{
                    height: 200px;
                    width: 230px;
                    position: relative;
                    background-color: pink;
                    a{
                      position: absolute;
                      top: 0;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                       
                       border: 1px solid #fff;
                        display: block;
                      width: 180px;
                      color: #fff;
                      height: 70px;
                      font-size: 16px;
                      text-align: center;
                      line-height: 70px;
                    }
                }
            }
            .rightMall{
                box-sizing: border-box;
                border: 1px solid #ccc;
                width: 80%;
                li+li{
                    border-left: 1px solid #ccc;
                    border-top: 1px solid #ccc;
                }
               ul{
                li{
                    &:hover{
                        border: #737373 solid 1px;
                    }
                    float: left;
                    width: 25%;
                    
                    text-align: center;
                     padding-top: 10px;
                     box-sizing: border-box;
                    height: 300px;
                    a:first-child{
                        img{
                            height: 200px;
                        }
                  
                    }
                    h3{
                        color: red;
                        font-size: 24px;
                        font-weight: bold;
                        line-height: 40px;
                    }
                    a{
                        color: #666;
                        font-size: 12px;
                    }
                    button{
                       color: #666;
                        margin-left: 145px;
                        display: block;
                  
                    }
                }
               }

            }
        }
    }

    // evaluate
    .evaluate{
        padding-bottom: 30px;
        >div+div{
            margin-left: 20px;
        }
       >div{
           
        //    padding: 10px;
           width: 19%;
         
           .love-tit{
            padding: 10px;
            background-color: #999;
               h4{
                   color: #fff;
line-height: 35px;

               }
               a{
                   font-weight: bold;
                   margin-top: 10px;
                   display: block;
                   height: 15px;
                   line-height: 15px;
                   text-align: center;
                   width: 15px;
                   border-radius: 50%;
                   color: #999;
                   background-color: #fff;
               }
           }
         .love{
             background-color: #ccc;
            padding: 10px;
            li{list-style-type: disc;
                line-height: 40px;
font-size: 12px;
            }
         }
       } 

       .up-to-date{
           width: 37.5%;
           .data+.data{
            border-top: 1px solid #999; 
        }
           .data{
            background-color: #ccc;
            padding: 10px;
            box-sizing: border-box;
            
         
               .left-data{
                   padding: 2.5px;
                   display: block;
                   img{
                       height: 40px;
                       width: 40px;
                   }
                   span{
                       line-height: 15px
                   }
               }
               .right-data{
                   padding-left: 20px;
                 i{
                    color: chocolate;
                 }
                 p{
                     font-size: 12px;
                     line-height: 30px
                 }
               }
           }
       }
    }

.explain{
    // height: 300px;
    background-color: #ccc;
    ul{
        box-sizing: border-box;
        padding: 50px 25px;
        li+li{
            box-sizing: border-box;
            border-left: 1px solid #999;
        }
        li{
            box-sizing: border-box;
padding-left: 30px;
            float: left;
            width: 20%;
            h5{
                font-size: 16px;
                line-height: 50px;

                
            }
            p{
                font-size: 12px;
                line-height: 30px
            }
        }
    }
}

}

